<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>老陈男同</title>
    <link rel="stylesheet" href="./1.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="header">
        <div class="shangdaohang">
            <a href="asd" class="lianjie1">首页</a>
            <a href="asd" class="lianjie2">易牛云课堂</a>
            <a href="asd" class="lianjie3">易牛云资讯</a>
            <a href="asd" class="lianjie3">易牛云班级</a>
            <a href="asd" class="lianjie3">话题小组</a>
        </div>
    </div>
    <!-- 中间底面 -->
    <div class="article">
        <!-- 中间左边 -->
        <div class="centreleft">
            <!-- 第一段 -->
            <div class="diyiduan">
                <h1>we前端</h1>
                <span>浏览:111</span>
                <span>评论:111</span>
                <span>赞:111</span>
            </div>
            <!-- 第二段 -->
            <div class="dierbiaoti">
                <h2>HTML5的发展</h2>
                <p class="dierduan1">HTML发展已久，而HTML5则是在这期间通过人们不断改进HTML而来的。
                    在1991年世界上第一个网页诞生以来，HTML就是网站开发中最主要的语言之一，并且一直在不断发展与进化。
                    而现在，美观、高速、多平台，这些词已经密切地和HTML5联系起来。
                    在HTML5的帮助下，传统的网页，已经带给人们堪比桌面程序的用户体验。
                    2012年12月17日，W3C发布了HTML5以及Canvas 2D 两个标准的完全定义版本，标志着HTML5的标准已经在趋向稳定。
                    随着移动互联网的高速发展，HTML5也将迎来前所未有的发展机会。
                    越来越多的人涌入HTML5学习浪潮中。
                </p>
            </div>
            <!-- 第三段 -->
            <div class="disanbiaoti">
                <h2>HTML5的新性能</h2>
                <p class="disanbiaoti1">HTML5提供了有效的数据管理、绘图、视频和音频工具。
                    它简化了面向Web和便携式设备的跨浏览器应用程序的开发。
                    HTML5是推动移动云计算服务的技术之一，因为它可以实现更高程度的灵活性，可以开发出激动人心的交互式网站。
                    它还引入了新的标记和增强，包括一个优雅的结构、表单控件、API、多媒体、数据库支持，并极大地加快了处理速度。
                </p>
                <p class="disanduan2">Html5的优点即是“一次性开发，多次分发”，使得一次设计适应不同终端成为可能。
                    信息流架构应用化都是直接在WEB(或wap)端抓取数据，html5可以直接使用跨平台数据面不使用后台API，大大降低研发维护成本而且呈现的效果几乎没有什么区别.
                    Html5最大的意义在于改变WEB文档的结构方式，借助于header,foot,section,article，这些标配、标签我们可以实现更具结构化语义化的WEB文档，这样，搜索引擎更容易索引到WEB站点，
                    我们可以搜索到更快更准备的信息。
                </p>
                <p class="disanduan2">HTML5不仅仅局限于HTML语言本身，还包括了CSS3以及JavaScript语言里新增的函数和功能。
                    HTML5能始终坚持不断发展，并很快得到广泛认可，与其在制定之初就确立的核心理念有很大的关系。
                    这些核心理念就是我们今天在W3C站点上所看到的HTML5设计原理这份文档，概括起来就是—兼容性、实用性、互操作性以及普遍可访问性。</p>
            </div>
            <!-- 第四段 -->
            <div class="disibiaoti">
                <h2>HTML5有两大特点</h2>
                <p class="disiduan1">HTML5有两大特点</p>
                <p class="disiduan1">首先，它强化了web网页的表现性能</p>
                <p class="disiduan1">其次，追加本地数据库等web应用的功能</p>
                <p class="disiduan1">总的来说HTML5实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
                    虽然HTML5有CSS、JavaScript技术，但还是要单独提出CSS3和JS来进行学习更好。
                    如今HTML5是IT行业网站开发不可或缺的技术，也是web前端开发必备技能之一，是很值得大家学习的。</p>
            </div>
            <!-- 第五段 -->
            <div class="diwubiaoti">
                <p>文件来源于:易牛云课堂</p>
                <p class="diwuduan1">原文链接:<a href="http://www.16ketang.com/artile/12">http://www.16ketang.com/artile/12</a></p>
            </div>
        </div>
        <!-- 中间右边 -->
        <div class="zhongyou">
            <!-- 右边上面 -->
            <div class="youshang">
                <h2>相关资讯</h2>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
            </div>
            <!-- 右边下面 -->
            <div class="youxia">
                <h2>热门资讯</h2>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
                <p class="you">相关资讯</p>
            </div>
        </div>
    </div>
    <!-- 最底下 -->
    <footer class="xia">
        <p class="diyihang">Powered by EduSoho v8.0.23 02014-2017好知网课程存档</p>
        <p class="dierhang">课程内容版权均归易牛云课堂所有蜀ICP备16007351号</p>
    </footer>
    
</body>
</html>